<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>1易云</title>
		<link rel="stylesheet" href="css/index.css">



	</head>
	<body>
		<div class="topNode-copy">
			
		</div>
		<div id="" class="topNode">
			<div id="" class="topNodeContent">
				<a href="#" class="logo">
					<img src="img/logo.gif" />
				</a>
				<div id="" class="searchNode">
					<div class="searchNodeLeft"><span class="searchNodeLeftText">课程</span>
					<ul class="searchNodeLeft-ul">
						<li class="active">课程</li>
						<li>网校</li>
					</ul>
					</div>
					<input class="searchNodeInput" type="" placeholder="零基础学python" />
					<a href="#" class="searchNodeRight">搜索</a>
					<ol class="searchNode-ol">
						<li class="first">热门搜索</li>
					
					</ol>
				</div>
				<ul class="bannerTop">
					<li class="downApp"><span>下载app</span>
				<div class="line-node">
				</div>
			
				<div class="downloadApp-show">
					<div class="downloadApp-show-jt">
						
					</div>
					<div class="downloadApp-show-left">
						<img src="img/ewm-t-l.gif" alt="" srcset="" />
					</div>
				<p class="downloadApp-show-text">扫码下载app</p>
				<a href="#"><img src="img/show-app.gif" alt="" srcset="" /></a>
				<a href="#"><img src="img/show-ad.gif" alt="" srcset="" /></a>
				</div>
					</li>
					<li class="see-node"><span>关注领福利</span>
				<div class="line-node">
					
				</div>
				<div class="seeShow">
					<div class="seeShow-jt">
						
					</div>
					<p class="seeShow-text"> 关注公众号</p>
					<p  class="seeShow-title">免费领取资料</p>
					<img class="see-show-img" src="img/ewm-t.gif" alt="" srcset="" />
				</div>
				</li>
					<li><span>会员中心</span>
					<div class="line-node">
						
					</div>
					</li>
					<li class="line"></li>
					<li> <span id="">
						管理后台
					</span></li>
					<li class="bannerTop-my"> <span id="">
						我的学习
					</span>
					<div class="bannerTop-my-content">
						<div class="user-jt"></div>
						<div class="bannerTop-my-content-top">
							最近的学习课程
						</div>
						<ul class="bannerTop-my-content-ul">
							<li>
								<a href="#">
									<div class="bannerTop-my-content-ul-li-left-node">
										<img src="./img/k-1.png" alt="" />
									</div>
									<p class="bannerTop-my-content-ul-li-left-name">前端工程师就业班</p>
										<p class="bannerTop-my-content-ul-li-left-now">放大与缩小</p>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="bannerTop-my-content-ul-li-left-node">
										<img src="./img/k-2.png" alt="" />
									</div>
									<p class="bannerTop-my-content-ul-li-left-name">前端工程师就业班</p>
										<p class="bannerTop-my-content-ul-li-left-now">放大与缩小</p>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="bannerTop-my-content-ul-li-left-node">
										<img src="./img/k-3.png" alt="" />
									</div>
									<p class="bannerTop-my-content-ul-li-left-name">前端工程师就业班</p>
										<p class="bannerTop-my-content-ul-li-left-now">放大与缩小</p>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="bannerTop-my-content-ul-li-left-node">
										<img src="./img/k-4.png" alt="" />
									</div>
									<p class="bannerTop-my-content-ul-li-left-name">前端工程师就业班</p>
										<p class="bannerTop-my-content-ul-li-left-now">放大与缩小</p>
								</a>
							</li>
							<li>
								<a href="#">
									<div class="bannerTop-my-content-ul-li-left-node">
										<img src="./img/k-5.png" alt="" />
									</div>
									<p class="bannerTop-my-content-ul-li-left-name">前端工程师就业班</p>
										<p class="bannerTop-my-content-ul-li-left-now">放大与缩小</p>
								</a>
							</li>
						</ul>
					<a href="" class="bannerTop-my-content-more">查看更多></a>
					</div>
					</li>
					
					<li class="bell"></li>
					<li class="shoppongCart"></li>
					<li class="line"></li>
				</ul>
				<div class="user">
					<span id="" class="">
						李游 leo
					</span>
					<img class="user-image" width="34px" height="34px" src="img/F07F9E9C63CDA35AB0E00DA054402EC2.png" />
<ul class="user-ul">
	<li class="border-bottom-li"><a href="#">正使用手机账号登录</a></li>
	<li><a href="#"><span class="user-li-span-l">我的优惠券</span><span class="user-li-span-r">兑换</span></a></li>
	<li><a href="#">我的订单</a></li>
	<li><a href="#">帮助与反馈</a></li>
	<li class="border-bottom-li"><a href="#">设置</a></li>
		<li><a href="#">退出</a></li>
		<div class="user-jt">
			
		</div>
</ul>
				</div>
			</div>

		</div>
		<ul class="topBanner" id="topBanner">
			<li class="active"><a href="#" class="banner-a" >首页</a>
				<div id="" class="greenLine">
			</li>
			<li><a href="#" class="banner-a">实用英语</a>
				<div id="" class="greenLine">
				</div>
			</li>
			<li><a href="#" class="banner-a">编程技能</a>
				<div id="" class="greenLine">
				</div>
			</li>
			<li><a href="#" class="banner-a">职场提升</a>
				<div id="" class="greenLine">
					
				</div>
				<ol class='active-ol'>
								<li><a href="#">公办软件</a></li>
								<li><a href="#">效率工具</a></li>
								<li><a href="#">求职准备</a></li>
								<li><a href="#">个人提升</a></li>
								<li><a href="#">职场能力</a></li>
								<li><a href="#">商业管理</a></li>
								<li><a href="#">专业岗位</a></li>
								<li><a href="#">电脑基础</a></li>
							</ol>
				<ol class="active-ol" class="banner-a">
					<li><a href="#">公办软件</a></li>
									<li><a href="#">效率工具</a></li>
									<li><a href="#">求职准备</a></li>
									<li><a href="#">个人提升</a></li>
									<li><a href="#">职场能力</a></li>
									<li><a href="#">商业管理</a></li>
									<li><a href="#">专业岗位</a></li>
									<li><a href="#">电脑基础</a></li>
				</ol>
			</li>
			<li><a href="#" class="banner-a">编程与开发</a>
				<div id="" class="greenLine">
				</div>
				<ol class='active-ol' style="width: 102px;">
								<li><a href="#">编程语言</a></li>
								<li><a href="#">前端开发</a></li>
								<li><a href="#">后端开发</a></li>
								<li><a href="#">移动开发</a></li>
								<li><a href="#">网络与安全</a></li>
							</ol>
			</li>
			<li><a href="#" class="banner-a">AI数据科学</a>
				<div id="" class="greenLine">
				</div>
				<ol class='active-ol' style="width: 102px;">
								<li><a href="#">编程语言</a></li>
								<li><a href="#">前端开发</a></li>
								<li><a href="#">后端开发</a></li>
								<li><a href="#">移动开发</a></li>
								<li><a href="#">网络与安全</a></li>
							</ol>
			</li>
			<li><a href="#" class="banner-a">生活兴趣</a>
				<div id="" class="greenLine">
				</div>
				<ol class='active-ol' style="width: 102px;">
								<li><a href="#">编程语言</a></li>
								<li><a href="#">前端开发</a></li>
								<li><a href="#">后端开发</a></li>
								<li><a href="#">移动开发</a></li>
								<li><a href="#">网络与安全</a></li>
							</ol>
			</li>
			<li><a href="#" class="banner-a">设计创意</a>
				<div id="" class="greenLine">
				</div>
				<ol class='active-ol' style="width: 102px;">
								<li><a href="#">编程语言</a></li>
								<li><a href="#">前端开发</a></li>
								<li><a href="#">后端开发</a></li>
								<li><a href="#">移动开发</a></li>
								<li><a href="#">网络与安全</a></li>
							</ol>
			</li>
			<li><a href="#" class="banner-a">产品运营</a>
				<div id="" class="greenLine">
				</div>
				<ol class='active-ol' style="width: 102px;">
								<li><a href="#">编程语言</a></li>
								<li><a href="#">前端开发</a></li>
								<li><a href="#">后端开发</a></li>
								<li><a href="#">移动开发</a></li>
								<li><a href="#">网络与安全</a></li>
							</ol>
			</li>
			<li class="right"> <a href="#" class="">
					<img src="img/pointer.gif" />
				</a>
				<ol class="right-ol">
					<li><a href="#">电视运行</a>
						<div class="lineright"></div>
					</li>
					<li><a href="#">执业考试</a>
						<div class="lineright"></div>
					</li>
					<li><a href="#">语言学习</a>
						<div class="lineright"></div>
					</li>
				</ol>
			</li>
		</ul>
		<!--轮播图-->
		<div id="" class="silder-content">
			<div id="" class="silder-content-outerNode">
				<ul class="silder-content-ULNode">
					<li class="active"><img src="img/image/8c35596bb5ec4cb8ae7390f28c4cb567.png"></li>
					<li><img src="img/6ca7db807c3f448fa19039cae380ffb7.jpg" alt=""></li>
					<li><img src="img/9da551a2ceee48fcae68db05b562cff1.jpg" alt=""></li>
					<li><img src="img/a17ddac75cc944b9b0f5204156e2afa6.png" alt=""></li>
					<li><img src="img/19055192bca54c5ea9622d8f672fd8e1.png" alt=""></li>
					<li><img src="img/81f375340e0c48b7a4d1b9c853eab8ce.png" alt=""></li>
					<li><img src="img/79b6a4b0bd644681b1d2a5ec3c10da65.jpg" alt=""></li>
				</ul>
				<ol class="silder-content-button">
					<li class="first active"> <a href="#">脱口而出： 3天地道口语轻松说</a></li>
					<li><a href="#">0元领取：站酷大神带你入门UI</a></li>
					<li><a href="#">是效提升：3节课练就口语技能</a></li>
					<li><a href="#">限时免费：如何获取稳定投资收益</a></li>
					<li><a href="#">金融思维：25个经典案例解析</a></li>
					<li><a href="#">免费试听：清华大神教你Python</a></li>
					<li><a href="#">新课特惠：网课变现全流程进阶课</a></li>

				</ol>
			</div>


		</div>
		<!--课堂直播-->
		<div class="open-content live">

			<div class="card-left">

			</div>
			<div class="card-right">

			</div>
			<h2>名师公开课</h2>
			<a href="#" class="more">更多</a>
			<div class="open-content-slider">
				<ul class="open-content-card">
					<li>
						<a href="#">
							<div class='card-user'>
								<img src="img/user.png">
							</div>
							<div class='time'>12月21日 20:00</div>
							<div class='content'>零基础轻松学Python</div>
							<div class='user-name'>
								<span class='title-user'>毕滢</span>
								<div class='title-box'>清华码神</div>
							</div>
							<div class='bottom-title'>编程小白的Python入门课</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class='card-user'>
								<img src="img/user.png">
							</div>
							<div class='time'>12月21日 20:00</div>
							<div class='content'>零基础轻松学Python</div>
							<div class='user-name'>
								<span class='title-user'>毕滢</span>
								<div class='title-box'>清华码神</div>
							</div>
							<div class='bottom-title'>编程小白的Python入门课</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class='card-user'>
								<img src="img/user.png">
							</div>
							<div class='time'>12月21日 20:00</div>
							<div class='content'>零基础轻松学Python</div>
							<div class='user-name'>
								<span class='title-user'>毕滢</span>
								<div class='title-box'>清华码神</div>
							</div>
							<div class='bottom-title'>编程小白的Python入门课</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class='card-user'>
								<img src="img/user.png">
							</div>
							<div class='time'>12月21日 20:00</div>
							<div class='content'>零基础轻松学Python</div>
							<div class='user-name'>
								<span class='title-user'>毕滢</span>
								<div class='title-box'>清华码神</div>
							</div>
							<div class='bottom-title'>编程小白的Python入门课</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<!--课堂直播-->
		<div class="open-content live">

			<h2>名师公开课</h2>
			<a href="#" class="more">更多</a>
			<ul class="live-model">
				<li><a href="#">
						<div class="teacher-pic">
							<img src="img/6002D19DCC07E048FBDE4C84D276EB46.jpg" alt="">
						</div>
						<div class="time">
							<span class="live-l">今天 20：00 </span> <span id="" class="g">
								开启提醒
							</span>
						</div>
						<div class="live-name">
							1节课教你：如何用Python快速选择优质股票11

						</div>
						<div class="live-teacher-name">
							<span>王冕</span>
							<span>网易特邀数据架构专家讲师</span>
						</div>
					</a></li>
				<li><a href="#">
						<div class="teacher-pic">
							<img src="img/6002D19DCC07E048FBDE4C84D276EB46.jpg" alt="">
						</div>
						<div class="time">
							<span class="live-l">今天 20：00 </span> <span id="" class="g">
								开启提醒
							</span>
						</div>
						<div class="live-name">
							1节课教你：如何用Python快速选择优质股票11

						</div>
						<div class="live-teacher-name">
							<span>王冕</span>
							<span>网易特邀数据架构专家讲师</span>
						</div>
					</a></li>
				<li class="no-right"><a href="#">
						<div class="teacher-pic">
							<img src="img/6002D19DCC07E048FBDE4C84D276EB46.jpg" alt="">
						</div>
						<div class="time">
							<span class="live-l">今天 20：00 </span> <span id="" class="g">
								开启提醒
							</span>
						</div>
						<div class="live-name">
							1节课教你：如何用Python快速选择优质股票11

						</div>
						<div class="live-teacher-name">
							<span>王冕</span>
							<span>网易特邀数据架构专家讲师</span>
						</div>
					</a></li>
				<li><a href="#">
						<div class="teacher-pic">
							<img src="img/6002D19DCC07E048FBDE4C84D276EB46.jpg" alt="">
						</div>
						<div class="time">
							<span class="live-l">今天 20：00 </span> <span id="" class="g">
								开启提醒
							</span>
						</div>
						<div class="live-name">
							1节课教你：如何用Python快速选择优质股票11

						</div>
						<div class="live-teacher-name">
							<span>王冕</span>
							<span>网易特邀数据架构专家讲师</span>
						</div>
					</a></li>
				<li><a href="#">
						<div class="teacher-pic">
							<img src="img/6002D19DCC07E048FBDE4C84D276EB46.jpg" alt="">
						</div>
						<div class="time">
							<span class="live-l">今天 20：00 </span> <span id="" class="g">
								开启提醒
							</span>
						</div>
						<div class="live-name">
							1节课教你：如何用Python快速选择优质股票11

						</div>
						<div class="live-teacher-name">
							<span>王冕</span>
							<span>网易特邀数据架构专家讲师</span>
						</div>
					</a></li>
				<li class="no-right"><a href="#">
						<div class="teacher-pic">
							<img src="img/6002D19DCC07E048FBDE4C84D276EB46.jpg" alt="">
						</div>
						<div class="time">
							<span class="live-l">今天 20：00 </span> <span id="" class="g">
								开启提醒
							</span>
						</div>
						<div class="live-name">
							1节课教你：如何用Python快速选择优质股票11

						</div>
						<div class="live-teacher-name">
							<span>王冕</span>
							<span>网易特邀数据架构专家讲师</span>
						</div>
					</a></li>
			</ul>
		</div>
		<!-- system 系统化学习路径 -->
		<div class="systm">
			<h2>系统化学习路径</h2> <span id="" class="systm-title">
				网易云课堂六大课程体系，让学习有章有序
			</span>
			<ul class="systm-ul">
				<li><a href="#"><img src="img/b8cbbde8bc98409aad5227fde070df7d.png"></a></li>
				<li><a href="#"><img src="img/29696616fe6e495a9b191244f2bd0bea.png"></a></li>
				<li><a href="#"><img src="img/9957cb6a888e40f08c36ce6a96804d32.png"></a></li>
				<li><a href="#"><img src="img/7594f6916fc94a16af474856d1de8786.png"></a></li>
				<li><a href="#"><img src="img/96ee5f4a9b954c1991b17ca577aaa00a.png"></a></li>
				<li class='no'><a href="#"><img src="img/9c3adc02cea44377a91c6716201bbe4c.png"></a></li>
			</ul>
		</div>
		<!-- 微专业 -->
		<div class="open-content technology">
			<h2>微专业</h2>
			<a href="#" class="more">更多</a>
			<ul class="technology-ul">
				<li><a href="#"><div class="technology-ul-outer">
				<img src="img/wzy-1.gif" class="technology-image" alt=""></div>
						<div class="technology-content">
							<div class="technology-content-name">
								UI设计师
							</div>
							<div class="technology-content-title">
								打通全链路，成为独当一面的核心设计师
							</div>
						</div>
					</a></li>
				<li><a href="#"><div class="technology-ul-outer"><img src="img/wzy-2.gif" class="technology-image" alt=""></div>
						<div class="technology-content">
							<div class="technology-content-name">
								UI设计师
							</div>
							<div class="technology-content-title">
								打通全链路，成为独当一面的核心设计师
							</div>
						</div>
					</a></li>
				<li><a href="#"><div class="technology-ul-outer"><img src="img/wzy-3.gif" class="technology-image" alt=""></div>
						<div class="technology-content">
							<div class="technology-content-name">
								UI设计师
							</div>
							<div class="technology-content-title">
								打通全链路，成为独当一面的核心设计师
							</div>
						</div>
					</a></li>
				<li class="no"><a href="#"><div class="technology-ul-outer"><img src="img/wzy-4.gif" class="technology-image" alt=""></div>
						<div class="technology-content">
							<div class="technology-content-name">
								UI设计师
							</div>
							<div class="technology-content-title">
								打通全链路，成为独当一面的核心设计师
							</div>
						</div>
					</a></li>
			</ul>
		</div>
		<!-- 限时秒杀模块 -->
		<div class="seckill systm">
			<h2>限时秒杀</h2>
			<ul class="seckill-tab-top">
				<li class="first active">今天&nbsp; &nbsp;20：00开抢</li>
				<li class="">今天&nbsp; &nbsp;20：00开抢</li>
				<li class="">今天&nbsp; &nbsp;20：00开抢</li>
				<li class="">今天&nbsp; &nbsp;20：00开抢</li>
				<li class="">今天&nbsp; &nbsp;20：00开抢</li>
				<li class="no">今天&nbsp; &nbsp;20：00开抢</li>

			</ul>
			<div class="seckill-tab-content">
				<ul class="seckill-tab-ul show">
					<li>
						<a href="#">
							<div class="seckill-tab-ul-outer">
								
							<img src="img/714dde077ba84be6a0042798cd7479d2.jpg" alt="">	</div>
							<div class="seckill-tab-ul-name">Node.js全栈开发之路</div>
							<div class="seckill-tab-ul-user">IT老兵</div>
							<div class="seckill-tab-ul-money">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-money last">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-time active ">
								仅剩8席
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="seckill-tab-ul-outer">
							<img src="img/714dde077ba84be6a0042798cd7479d2.jpg" alt=""></div>
							<div class="seckill-tab-ul-name">Node.js全栈开发之路</div>
							<div class="seckill-tab-ul-user">IT老兵</div>
							<div class="seckill-tab-ul-money">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-money last">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-time active ">
								仅剩8席
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="seckill-tab-ul-outer">
							<img src="img/714dde077ba84be6a0042798cd7479d2.jpg" alt=""></div>
							<div class="seckill-tab-ul-name">Node.js全栈开发之路</div>
							<div class="seckill-tab-ul-user">IT老兵</div>
							<div class="seckill-tab-ul-money">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-money last">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-time active ">
								仅剩8席
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="seckill-tab-ul-outer">
							<img src="img/714dde077ba84be6a0042798cd7479d2.jpg" alt=""></div>
							<div class="seckill-tab-ul-name">Node.js全栈开发之路</div>
							<div class="seckill-tab-ul-user">IT老兵</div>
							<div class="seckill-tab-ul-money">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-money last">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-time active ">
								仅剩8席
							</div>
						</a>
					</li>
					<li class="no">
						<a href="#">
							<div class="seckill-tab-ul-outer">
							<img src="img/714dde077ba84be6a0042798cd7479d2.jpg" alt=""></div>
							<div class="seckill-tab-ul-name">Node.js全栈开发之路</div>
							<div class="seckill-tab-ul-user">IT老兵</div>
							<div class="seckill-tab-ul-money">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-money last">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-time active ">
								仅剩8席
							</div>
						</a>
					</li>


				</ul>
				<ul class="seckill-tab-ul">
					<li>
						<a href="#">
							<div class="seckill-tab-ul-outer">
								
							<img src="img/714dde077ba84be6a0042798cd7479d2.jpg" alt="">	</div>
							<div class="seckill-tab-ul-name">Node.js全栈开发之路</div>
							<div class="seckill-tab-ul-user">IT老兵</div>
							<div class="seckill-tab-ul-money">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-money last">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-time active ">
								仅剩8席
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="seckill-tab-ul-outer">
							<img src="img/714dde077ba84be6a0042798cd7479d2.jpg" alt=""></div>
							<div class="seckill-tab-ul-name">Node.js全栈开发之路</div>
							<div class="seckill-tab-ul-user">IT老兵</div>
							<div class="seckill-tab-ul-money">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-money last">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-time active ">
								仅剩8席
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="seckill-tab-ul-outer">
							<img src="img/714dde077ba84be6a0042798cd7479d2.jpg" alt=""></div>
							<div class="seckill-tab-ul-name">Node.js全栈开发之路</div>
							<div class="seckill-tab-ul-user">IT老兵</div>
							<div class="seckill-tab-ul-money">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-money last">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-time active ">
								仅剩8席
							</div>
						</a>
					</li>
					<li>
						<a href="#">
							<div class="seckill-tab-ul-outer">
							<img src="img/714dde077ba84be6a0042798cd7479d2.jpg" alt=""></div>
							<div class="seckill-tab-ul-name">Node.js全栈开发之路</div>
							<div class="seckill-tab-ul-user">IT老兵</div>
							<div class="seckill-tab-ul-money">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-money last">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-time active ">
								仅剩8席
							</div>
						</a>
					</li>
					<li class="no">
						<a href="#">
							<div class="seckill-tab-ul-outer">
							<img src="img/714dde077ba84be6a0042798cd7479d2.jpg" alt=""></div>
							<div class="seckill-tab-ul-name">Node.js全栈开发之路</div>
							<div class="seckill-tab-ul-user">IT老兵</div>
							<div class="seckill-tab-ul-money">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-money last">
								<span class="seckill-tab-ul-money-l">$</span>
								<span class="seckill-tab-ul-money-true">29.9</span>
							</div>
							<div class="seckill-tab-ul-time active ">
								仅剩8席
							</div>
						</a>
					</li>
				
				
				</ul>
			</div>
		</div>
		<!-- 遮罩层 -->
		<div class="mask"></div>
		<!-- 兴趣弹窗模块 -->
		<div class="alertNode">
			<div class="alertNode-closed" id="alertNodeClosed">
				<!-- <img src="img/bg-closed.gif" alt=""> -->
				</div>
			<div class="alertNode-topName">
				<span class="alertNode-topName-choose">请选择你的学习兴趣 </span>
				<span class="alertNode-topName-title">至少选择一个可随时调整</span>
			</div>
			<ul class="alertNode-ul">
				<li class="active">职场提升
					<div class="line"></div>
				</li>
				<li>职场提升
					<div class=""></div>
				</li>
				<li>职场提升
					<div class=""></div>
				</li>
				<li>职场提升
					<div class=""></div>
				</li>
				<li>职场提升
					<div class=""></div>
				</li>
				<li>职场提升
					<div class=""></div>
				</li>
				<li>职场提升
					<div class=""></div>
				</li>
				<li>职场提升
					<div class=""></div>
				</li>
				<li class="no">职场提升
					<div class=""></div>
				</li>
			</ul>
			<div class="alertNode-CONTECT">
				<ul class="show">
					<li >办公软件</li>
					<li>效率工具</li>
					<li>求职准备</li>
				</ul>
				<ul>
					<li class="active">编程语言</li>
					<li>前端开发</li>
					<li>后端开发</li>
				</ul>
				<ul>
					<li class="active">人工只能</li>
					<li>数据科学</li>
					<li>大数据</li>
				</ul>
				<ul>
					<li class="active">投资理财</li>
					<li>绘画</li>
					<li>音乐</li>
				</ul>
				<ul>
					<li class="active">热门软件</li>
					<li>手绘插画</li>
					<li>综合设计</li>
				</ul>
				<ul>
					<li >产品经理</li>
					<li>新媒体运营</li>
					<li>产品运营</li>
				</ul>
				<ul>
					<li class="active">淘宝电商</li>
					<li>跨境电商</li>
					<li>拼多多电商</li>
				</ul>
				<ul>
					<li class="active">计算机认证</li>
					<li>建筑工程</li>
					<li>项目管理</li>
				</ul>
				<ul>
					<li class="active">英语能力提升</li>
					<li>新概念英语</li>
					<li>职场英语</li>
				</ul>
			</div>
			<ol class="alertNode-ol">
				<li class="text">已选<span class="allNumber" id="allNumber">
						3
					</span>个：</li>
				<li class="active">投资理财<img src="img/colosd.gif" /></li>
				<li>绘画<img src="img/colosd.gif" /></li>
				<li>音乐<img src="img/colosd.gif" /></li>
				
			</ol>
			<div id="chouse" class="chouseBtnNode">
				选好了
			</div>
		</div>
		<div class="interest">
			<span class="interest-l">以下根据你的学习兴趣推荐</span>
			<span class="interest-r">更改兴趣</span>

		</div>
		<!-- web-model 内容模块-->
		<div class="seckill systm  web-model">
			<h2>后端开发</h2>
			<ul class='seckill-tab-content-ul'>
				<li>
					<a href="#">
						<div class="alertNode-closed">
							<div class="seckill-tab-ul-outer">
								
							
						<img src="img/web-leo.gif"></div>
						</div>
						<div class='seckill-tab-content-ul-name'>Web前端,从零基础到全栈工程师</div>
						<div class='seckill-tab-content-ul-user'>李游Leo</div>
					</a>
				</li>
				<li>
					<a href="#"><div class="alertNode-closed">
						<div class="seckill-tab-ul-outer">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg"></div>
						</div>
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li>
					<a href="#"><div class="alertNode-closed">
						<div class="seckill-tab-ul-outer">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg"></div>
						</div>
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li>
					<a href="#"><div class="alertNode-closed">
						<div class="seckill-tab-ul-outer">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg"></div>
						</div>
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li class='no'>
					<a href="#"><div class="alertNode-closed">
						<div class="seckill-tab-ul-outer">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg"></div>
						</div>
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
			</ul>
		</div>
		<div class="seckill systm  web-model mt">
			<h2>前端开发</h2>
			<ul class='seckill-tab-content-ul'>
				<li>
					<a href="#">
						<img src="img/web-leo.gif">
						<div class='seckill-tab-content-ul-name'>Web前端,从零基础到全栈工程师</div>
						<div class='seckill-tab-content-ul-user'>李游Leo</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li class='no'>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
			</ul>
		</div>
		<div class="seckill systm  web-model mt">
			<h2>职场能力</h2>
			<ul class='seckill-tab-content-ul'>
				<li>
					<a href="#">
						<img src="img/web-leo.gif">
						<div class='seckill-tab-content-ul-name'>Web前端,从零基础到全栈工程师</div>
						<div class='seckill-tab-content-ul-user'>李游Leo</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li class='no'>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
			</ul>
		</div>
		<div class="seckill systm  web-model mt">
			<h2>办公软件</h2>
			<ul class='seckill-tab-content-ul'>
				<li>
					<a href="#">
						<img src="img/web-leo.gif">
						<div class='seckill-tab-content-ul-name'>Web前端,从零基础到全栈工程师</div>
						<div class='seckill-tab-content-ul-user'>李游Leo</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li class='no'>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
			</ul>
		</div>
		<!-- 系列 课程 -->

		<div class="system series mt">
			<h2>系列 课程</h2>
			<ul class="series-ul">
				<li><a href=""><img src="img/series-pic.gif" alt="">
						<div class="series-border-out">

						</div>
						<div class="series-border-inner">
							<h3>Office从入门到精通</h3>

							<div class="series-border-inner-title">
								一站搞定PPT、Excel、Word
							</div>
						</div>
					</a></li>
				<li><a href=""><img src="img/series-pic.gif" alt="">
						<div class="series-border-out">

						</div>
						<div class="series-border-inner">
							<h3>Office从入门到精通</h3>

							<div class="series-border-inner-title">
								一站搞定PPT、Excel、Word
							</div>
						</div>
					</a></li>
				<li><a href=""><img src="img/series-pic.gif" alt="">
						<div class="series-border-out">

						</div>
						<div class="series-border-inner">
							<h3>Office从入门到精通</h3>

							<div class="series-border-inner-title">
								一站搞定PPT、Excel、Word
							</div>
						</div>
					</a></li>
				<li class="no"><a href=""><img src="img/series-pic.gif" alt="">
						<div class="series-border-out">

						</div>
						<div class="series-border-inner">
							<h3>Office从入门到精通</h3>

							<div class="series-border-inner-title">
								一站搞定PPT、Excel、Word
							</div>
						</div>
					</a></li>
			</ul>
		</div>
		<div style="clear:both;"></div>"

		<!-- web-model 内容模块-->
		<div class="seckill systm  web-model mt43">
			<h2>办公软件</h2>
			<ul class='seckill-tab-content-ul'>
				<li>
					<a href="#">
						<img src="img/web-leo.gif">
						<div class='seckill-tab-content-ul-name'>Web前端,从零基础到全栈工程师</div>
						<div class='seckill-tab-content-ul-user'>李游Leo</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li class='no'>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
			</ul>
		</div>
		<div class="seckill systm  web-model mt43">
			<h2>新课推荐</h2>
			<ul class='seckill-tab-content-ul'>
				<li>
					<a href="#">
						<img src="img/web-leo.gif">
						<div class='seckill-tab-content-ul-name'>Web前端,从零基础到全栈工程师</div>
						<div class='seckill-tab-content-ul-user'>李游Leo</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li class='no'>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
			</ul>
		</div>
		<div class="seckill systm  web-model mt43">
			<h2>免费好课</h2>
			<ul class='seckill-tab-content-ul'>
				<li>
					<a href="#">
						<img src="img/web-leo.gif">
						<div class='seckill-tab-content-ul-name'>Web前端,从零基础到全栈工程师</div>
						<div class='seckill-tab-content-ul-user'>李游Leo</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
				<li class='no'>
					<a href="#">
						<img src="img/714dde077ba84be6a0042798cd7479d2.jpg">
						<div class='seckill-tab-content-ul-name'>Node.js全栈开发之路</div>
						<div class='seckill-tab-content-ul-user'>IT老兵</div>
					</a>
				</li>
			</ul>
		</div>
		<!-- 广告模块 advertisement -->
		<div class="advertisement ">
			<a href="#" class="advertisement-l"><img src="img/9b393ab0b939453895a203bc0b7d1c30.jpg" alt=""></a>
			<a href="#" class="advertisement-r"><img src="img/454d20a5bcf34163b0148ecc79ec2ef1.jpg" alt=""></a>
		</div>
		<!-- footer -->
		<div class="footer">
			<div class="footer-content">
				<div class="footer-content-l">
					<p class="footer-content-l-text">网易云课堂 是网易公司（163.com）旗下专注职业技能提升的在线学习平台。</p>
					<ul class="footer-content-l-ul">
						<li><a href="#">关于我们</a></li>
						<li><a href="#">联系我们</a></li>
						<li><a href="#">帮助中心</a></li>
						<li><a href="#">中国大学MOOC</a></li>
						<li><a href="#">网易卡搭编程</a></li>
						<li><a href="#">极客战记</a></li>
						<li><a href="#">有道智云</a></li>
					</ul>
					<p class="footer-content-l-last-text">
						<span>©1997-2020 网易公司 版权所有</span><span>粤B2-20090191-18</span> <a href="#">工业和信息化部备案管理系统网站</a>
					</p>
				</div>
				<div class="footer-content-r">
					<div class="footer-content-r-download">
						<a href="#"><img src="img/app-download.gif" alt="" srcset=""></a>
						<a href="#"><img src="img/ad-download.gif" alt="" srcset=""></a>
					</div>

					<div class="footer-content-r-app">
						<span>关注我们</span>
						<a href="footer-content-r-app-wx" class=""><img src="img/wx.gif" alt="">
							<div class="footer-content-r-app-show">
								<div class="footer-content-r-app-show-text">关注云课堂官方微信号</div>
								<div class="footer-content-r-app-show-title">-领取课程免费福利，超值学习资料-</div>
								<div class="footer-content-r-app-show-sc"></div>

							</div>

						</a>
						<a href="" class="no"><img src="img/sina.gif" alt=""></a>
					</div>
				</div>

			</div>
		</div>
		<!-- windows show右侧广告 -->
		<div class="window-show">
			<a href="#" class="window-show-top"> <img src="img/sjfxs.png" alt=""></a>
			<ul class="window-show-ul">
				<li class="window-show-ul-text show-m">
					<div class="window-show-ul-text-name">在线咨询</div>
				</li>
				<li class="window-show-ul-line">
					<div class="line"></div>

				</li>
				<li class="window-show-ul-text show-mobel">
					<div class="window-show-ul-text-name">手机课堂

					</div>
					<div class="show-alert">
						<div class="show-alert-node">
							<img src="img/ewm-l.png" alt="">
							<p>下载App</p>
						</div>
						<div class="show-alert-node ml15">
							<img src="img/ewm-r.png" alt="">
							<p>关注微信</p>
						</div>
						<div class="show-alert-jt">

						</div>
					</div>
				</li>
				<li class="window-show-ul-line">
					<div class="line"></div>
				</li>
				<li class="window-show-ul-text show-t">
					<div class="window-show-ul-text-name">返回顶部</div>
				</li>
			</ul>
		</div>

	</body>
	<script src="js/index.js"></script>
</html>